<div class="backlog block" data-title="待办事项" ms-controller="backlog">
    <h2 class="h2_title">待办事项</h2>
    <!-- 加载 -->
    <div class="queryLoad" :visible="@queryLoad"></div>

    <div class="hint" :visible="@sumFproposalNum>0">
        <i class="icon mright5"></i> 
        温馨提示：您目前有{{@sumFproposalNum}}个申请还未完成！
    </div>


    <div class="mtop20" :if="@upOrDownList.list.length>0">
        <div class="tableTitle">
            <span class="label"><i>账户级别变更申请
                <span class="n-tips" :visible="@upOrDownList.list.length>0" :text="@upOrDownList.list.length"></span>
            </i></span>
        </div>
        <xmp is="ms-table" ms-widget="{tableData:@upOrDownList}" ></xmp>
    </div>
    
    <div class="mtop20" id="extractList" :visible="@extract.list.length>0">
        <div class="tableTitle">
            <a href="#/extract/record" class="record"><i class="icon"></i> 查看历史取款明细</a>
            <span class="label"><i>取款申请
                <span class="n-tips" :visible="@extract.list.length>0" :text="@extract.list.length"></span>
            </i></span>
        </div>
        <xmp is="ms-table" ms-widget="{tableData:@extract}" ></xmp>
    </div>
    
    <div class="mtop20" :if="@depositList.list.length>0">
        <div class="tableTitle">
            <a href="#" class="record"><i class="icon"></i> 查看历史存款明细</a>
            <span class="label"><i>存款申请
                <span class="n-tips" :visible="@depositList.list.length>0" :text="@depositList.list.length"></span>
            </i></span>
        </div>
        <xmp is="ms-table" ms-widget="{tableData:@depositList}" ></xmp>
    </div>

    <xmp is="ms-dialog" ms-widget="{dialog:@extractDialog}" >
        <div class="loading" :visible="@extractDialog.loading">
            <img src="../../../images/loading.gif" width="20">
        </div>
        <div :visible="!@extractDialog.loading">
            <p class="status">
                <i class="editIcon"></i>
                {{@extractDialog.withdrawProposal.stateName}}
            </p>
            <ul class="infoList">
                <li>申请编号：{{@extractDialog.withdrawProposal.pno}}</li>
                <li>收款银行：{{@extractDialog.withdrawProposal.withdrewBankName}}</li>
                <li>取款账号：{{@extractDialog.withdrawProposal.accountNo+'【'+@extractDialog.withdrawProposal.platform+'】'}} </li>
                <li>收款银行账号：{{@extractDialog.withdrawProposal.withdrewBankAccount}}</li>
                <li>取款金额（含手续费）：{{@extractDialog.withdrawProposal.depostMount + @extractDialog.withdrawProposal.accountCurrency}} </li>
                <li>入账金额：{{@extractDialog.withdrawProposal.inMount + @extractDialog.withdrawProposal.payCurrency}}</li>
                <li>手续费：{{@extractDialog.withdrawProposal.withDrawFess + @extractDialog.withdrawProposal.accountCurrency}}</li>
            </ul>
            <ul class="timeList">
                <li class="item"
                    :for="(index,el) in @extractDialog.WithdrawalogList"
                    :class="{active:index===0}">
                    <p>
                        {{@extractDialog.statusArr[@el.proposalStatus]}}
                        <br>
                        {{@el.settleTimeStr}}
                    </p>
                </li>
            </ul>
        </div>
    </xmp>
</div>